﻿
html
{
    padding: 0;
    margin: 0;
    height: 100%;
}
body {
    
     background-color: #0F91FF;
    color: #707171;
    
    background-position: left top;
    background-repeat: no-repeat;
    width:100%;
}

.Body
{
 
    width: 100%;
    margin: 0;
}

.Headertop
{    
    width:100%;
    height:65px;
    background-color:#ECECEC;
    resize:initial;
   
}

.Header
{
   background-color:#FFFFFF;
    width:100%;
    height:50px;
  
}
.Header_with {
    width:980px;
    margin:0 auto;
   
    height:50px;
    position: relative;
z-index: 4;
}
.Main_with {
    width:980px;
    margin:0 auto;
   
    height:100%;
   
}
.Colum0 
{
   margin-top:-40px;
    width:208px;   
    float:left;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
   
}
.Colum1 
{  
    width:208px;   
    float:left;
   clear:none !important;
   
}
.Colum2
{
     margin-top:10px;
   background-color:#FFFFFF;
    width:760px;
    float:left;
    height:532px;
     -webkit-border-radius:8px;
   


   cursor:auto;
 
   z-index: auto !important;
    display:block;

}

.Colum3
{
   margin-top:5px;
   margin-left:5px;
    width:475px;

   
   background: #FFFFFF;
  
    float:left;
}

.ColumMid
{
  
    background: #03325E;
    width:10px;
    height:532px;
    float:left;
    
}
.Colum4 {
    float:right;
width: 270px;
border-left: 1px solid #e0e0e0;
height: 475px;
color:#3b3b3b;

}

.boxPrices {
height: 133px;
position: relative;

}

.boxPrices_view {
height: 133px;
width:292px;
background: url('../Image/icon/bg_price.png') left top no-repeat;
position: absolute;
left: -20px;
z-index: 3;
}

.like {
   
    width:100%;
    height:48px;
    background-color:#EAF3F7;
}
.title {
    width:100%;
    height:100px;
    
    margin-top:10px;
    margin-left:5px;
   
}

.clear {
    clear: both;
height: 0;
overflow: hidden;
}
.contac {
    background-color:#F1F1F1;
    width:100%;
    height:200px;
}

.box-suport {
margin-top: 10px;
width: 208px;
border-radius: 5px;
-moz-border-radius: 5px;
color:#3b3b3b;
}

#box-suport {
padding: 10px 10px 10px 10px;
border-radius: 4px;
-moz-border-radius: 0;
background-color: #ffffff;
border-bottom: 1px solid #d4d4d4;
}

.content_ {
    width:100%;
    background-color:transparent;
}

.list-rands-firth {
margin-left: 0px;
float: left;
}

.list-rands-over {
margin-right: 16px;
float: left;
}

.list-rands-over1 {

float: left;
}


.list-rands {
width: 315px;
border-radius: 3px;
-moz-border-radius: 3px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-top: none;
border-right: none;
border-bottom: 1px solid #c6c6c6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.list-rands2 {
width: 750px;
border-radius: 3px;
-moz-border-radius: 3px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-top: none;
border-right: none;
border-bottom: 1px solid #c6c6c6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

margin-bottom:10px;
padding-left:10px;
}

.v1ItemHotImg {
cursor: pointer;
width: 290px;
height: 290px;
margin: 20px 12px 12px 12px;
padding-top:12px;
}

.v61 {
    width:100%;
    height:61px;
    margin-right:10px;
    margin-left:10px;
    font-weight:normal;
    font-size:9pt;
}

.text-v61 {
    font-size:15pt;
    font-weight:bold;
    text-decoration:none;
   
}

a:hover {
    color:red;
}

.v71 {
    width:100%;
    height:71px;
    background-color:#EAF3F7;
}

.price {
    float:left;
    color:red;
    font-size:17pt;
    font-weight:bold;
    margin-left:10px;
    margin-top:10px;
}
.ship {
    float:left;
    color:blueviolet;
    font-size:12pt;
    font-weight:bold;
    margin-left:10px;
    margin-top:-10px;
}

.ship1 {
    float:left;
    color:blueviolet;
    font-size:12pt;
    font-weight:bold;
    margin-left:10px;
    margin-top:14px;
}
.giacu_ {
    float:left;
  
    font-size:12pt;
    font-weight:bold;
    margin-left:10px;
    margin-top:14px;  
    text-decoration: line-through;

text-transform: none;
text-align:center;
color:#3b3b3b;  
}
.btnXem {
    margin-right:10px;
    margin-top:20px;
    float:right;
}

.coutsale {
    float:left;
    margin-left:10px;
    margin-top:-10px;
}

.numbersale {
    font-weight:bold;
    float:left;
    margin-left:5px;
    margin-top:-10px;
}
.smalltext {
    font-weight:normal;
    font-size:8pt;
    
    
}

.DangkyBox {

width: 207px;
height: 48px;
right: 0;
float: right;
top: 8px;

margin-top:15px;

}

.searchBox {

width: 700px;
height: 48px;
right: 0;
float: right;
top: 8px;
border-radius: 0;


}


.search {
background-image: url(http://demos.devexpress.com/aspxeditorsdemos/ASPxButton/Images/Search.png);
width: 137px;
height: 48px;
}

.ButtonTrangchu {
    float:left;
    width:130px;
    height:60px;
    margin-top:2px;
    background-color:#EFEFEF;
    cursor: pointer;    
    display: block;    
}

.ButtonNew {
    float:left;
    width:150px;
    height:60px;
    margin-top:2px;
    background-color:#EFEFEF;
    cursor: pointer;    
    display: block;    
}

.btnAddress {
    float:left;
    width:180px;
    height:60px;
    margin-top:2px;
    background-color:#EFEFEF;
    cursor: pointer;    
    display: block;    
}
.textTrangchu {
    font-size:13pt;
    font-weight:bold;
    margin-top:19px;
   
}

.hotro {
    float:left;
    width:100px;
    height:50px;
    display: block;  
     cursor: pointer;   
}

.line_content {
    border-top:2px solid; border-color:red; width:100%; margin-top:2px;
}
.content_line {
    margin-top:10px;
}
.img_line_content {
    width:100%; margin-top:10px;float:left;color:white; 
}

.art-footer
{
   background: #232939;
   /*
   background: rgba(35, 41, 57, 0.5);
      */
   margin:5px auto 0;
   /*
   position: relative;
       */
   color: #B6BFD2;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
   padding: 0;
   margin-top:20px;
}

.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover,
.art-footer td, 
.art-footer th,
.art-footer caption
{
   color: #B6BFD2;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer p 
{
   padding:0;
   text-align: center;
}

.art-footer a,
.art-footer a:link
{
   color: #9DA8C3;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer a:visited
{
   color: #9DA8C3;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.art-footer a:hover
{
   color: #09BDDC;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.art-footer img
{
   border: none;
   margin: 3px;
}

.art-footer-inner
{
   margin: 0 auto;
   width:980px;
   padding:8px;
   padding-right: 18px;
   padding-left: 18px;
}

.art-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.art-content-layout-row 
{
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

.art-footer .layout-item-0 { border-top-width:1px;border-top-style:dotted;border-top-color:#CCCCCC;margin-top: 5px;margin-bottom: 5px;  }
.art-footer .layout-item-1 { border-right-style:dotted;border-right-width:1px;border-right-color:#CCCCCC; padding-right: 10px;padding-left: 10px;  }
.art-footer .layout-item-2 { padding-right: 10px;padding-left: 10px;  }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.pricebuys span {
text-decoration: line-through;
font-weight: normal;
text-transform: none;
text-align:center;
color:whitesmoke;
}

.pricebuys b {
color: #82b9d9;
font-weight: bold;
color:whitesmoke;
}

.detai_col1 {
    float:left;
    margin-left:5px;
    margin-top:5px;
    width:340px;
    height:358px;
    
}

.detai_col2 {  
    float:left;
    width:340px;
    height:358px;
    margin-left:10px;
    margin-right:10px;
    background-color:white;
}

.detai_col3 {  
    float:left;
    width:250px;
    height:358px;
    margin-left:10px;
    margin-right:10px;
    background-color:white;
}

.detail_0 {
    background-color:white;
     width:980px;
     height:360px;
     -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px;
     z-index: auto !important;
    display:block;
}

.detail_regiter {
  
    background-color:white;
     width:980px;
     height:400px;
     -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     
}
.detail_ {
    background-color:white;
     width:980px;
     height:100%;
    
     z-index: auto !important;
    display:block;
}
.detail_1 {
    background-color:white;
     width:980px;
     height:100%;

     -webkit-border-top-left-radius:5px;
     
      -webkit-border-bottom-left-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     z-index: auto !important;
    display:block;

}
.text15pt {
font-size: 15pt;
border-left: #9e0b0f 3px solid;
border-bottom: #d3d3d3 1px solid;
padding: 3px 0px 3px 5px;
font-weight: bold;
width:650px;
}
.text15ptQC {
    margin-top:10px;
font-size: 15pt;
border-left: #9e0b0f 3px solid;
border-bottom: #d3d3d3 1px solid;
padding: 3px 0px 3px 5px;
font-weight: bold;
width:230px;
}
.c1 {
    float:left; width:700px;height:100%; border-right:1px dashed; margin-left:10px; margin-top:10px;
}
.c2 {
    float:left; width:250px;height:100%; margin-left:10px;
}
.textDetail {
    border-bottom: 1px dotted; width: 670px; height: 120px;margin-top:10px;
}
.left-fnews {
float: left;
padding: 4px 0px 0px;

}
.rigth-fnews {
width: 500px;
float: left;
}

.aImg130 {
height: 100px;
position: relative;
float: left;
margin: 0px 10px 0px 0px;
overflow: hidden;
}

.detail_new1 {
    background-color:white;
     width:700px;
     height:100%;
     float:left;
     
     -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     z-index: auto !important;
    display:block;

}
.detail_new2 {
    background-color:white;
     width:200px;
     height:100%;
     float:left;
     margin-left:20px;
     -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px;
      -webkit-border-bottom-left-radius:5px;
     -webkit-border-bottom-right-radius:5px;
     z-index: auto !important;
    display:block;

}

.ma_sp {
    float:left;
    margin-right:5px;
    margin-top:10px;
}
.ma_sp1 {
    float:left;
    margin-right:10px;
    margin-top:15px;
}
.danh_gia {
    float:left;
    margin-right:5px;
    width:200px;
    margin-top:10px;
}
.boder_dash {
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    border-bottom:1px dashed;
}

.gia_sp{
    float:left;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    font-size:18pt;
    font-weight:bold;
    
}
.Dat_mua{
    margin-left:5px;
    width:100%;
   
}

.btn_like {
    float:left;
    margin-top:15px;
}
.login_box {
    width:350px;
    height:100px;
    margin-top:10px;
    margin-left:10px;
}
.login_col1 {
    float:left;
    width:100px;
    margin-bottom:5px;
}
.create_acount {
    width:700px;
    height:300px;
    margin-top:10px;
    margin-left:10px;
}
.contentextregister {
    float:left;
    margin-right:10px;
    text-align:right;
    width:150px;
    margin-bottom:10px;
}

.contentext1 {
    float:left;
    margin-right:10px;
    text-align:right;
    width:100px;
    margin-bottom:10px;
}

.contentext1_right {
    float:left;
    margin-right:10px;

    width:100px;
    margin-bottom:10px;
}

.contentext2 {
    float:left;
    margin-bottom:10px;
    text-align:left;
   
}

.context50 {
    width:70px;
    float:left;
    margin-bottom:10px;
   
}
.context5px {
    float:left;
    margin-left:2px;
    margin-right:2px;
    margin-bottom:10px;
    margin-top:3px;
}

a:link {text-decoration:none; color:#3b3b3b}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.textLeft_10 {
    float:left;margin-right:5px; margin-top:10px;
}
.textLeft_5 {
    float:left;margin-right:5px; margin-top:5px;
}

.sale {
    background-image:url('sale_yellow64.png');
   font-size: 24px;
color: #fff;
position: absolute;
font-weight: bold;
width: 64px;
height: 64px;
text-align: center;
padding-top: 0px;
margin-top: 1px;
margin-left:254px;
}
.text100 {
    float:left;margin-right:10px;width:100px;margin-bottom:10px;
}